<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>首页-加盟</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<!-- 引入核心样式 -->
	<link href="http://appimg.yinsoso.com/css/weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	
	<!--公共页面的css-->
	<!-- <link href="../css/com.css" rel="stylesheet"> -->
	<!--当前页面的css-->
	<link href="css/join.css" rel="stylesheet">
	<!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>
	
	<!-- mobileSelect -->
	<link rel="stylesheet" type="text/css" href="../plugins/mobileSelect/mobileSelect.css">
	<script src="../plugins/mobileSelect/mobileSelect.js" type="text/javascript"></script>
	<script src="../src/city/city-data.js"></script>



</head>

<body>
	<div id="app">
		<form action="" method="post">
			<ul class="joinMain">
				<li class="clearfix">
					<div class="left-text">
						加盟人姓名：
					</div>
					<div class="right-input">
						<input type="text" id="join-name" class="join-input" value="" placeholder="请输入加盟人姓名" v-model="name" />
					</div>
				</li>
				<li class="clearfix">
					<div class="left-text">
						联系电话：
					</div>
					<div class="right-input">
						<input type="text" id="join-iphone" class="join-input" value="" placeholder="请输入联系电话" v-model="phone" />
					</div>
				</li>
				<li class="clearfix">
					<div class="left-text">
						办公地点：
					</div>
					<div class="right-input">
						<input type="text" id="join-addr" class="join-input" value="" placeholder="请输入联系地址" v-model="address" />
					</div>
				</li>
				<li class="clearfix">
					<div class="left-text">
						加盟城市：
					</div>
					<div class="right-input">
						<input type="text" id="city-picker" @click="showCityPage" class="join-input" placeholder="请选择加盟城市" readonly unselectable="on" onfocus="this.blur()" v-model="joincity" />
					</div>
				</li>
			</ul>
			<div class="joinDescribe">
				<div class="left-text">
					<span>加盟描述：</span>
					<p>（能有效运营分站的描述）</p>
				</div>
				<div class="joinTextarea">
					<textarea placeholder="请输入加盟描述" v-model="descript"></textarea>
				</div>
			</div>
			<div class="joinDescribe" style="min-height:3.5rem;">
				<div class="left-text">
					<span>图片上传：</span>
					<p>（营业执照、门头照等）</p>
				</div>
				<div class="img-warp">
					<div class="imgs-box">
						<ul class="clearfix">
							<div class="ins">
								<li v-for="(item,index) of imgList">
									<img :src="item" class="img">
									<img @click="delPicture(index,item,1)" src="http://appimg.yinsoso.com/me/del.png" class="upload_warp_img_div_del">
								</li>
								<!-- <li></li> 用来生成图片-->
							</div>
							<li class="imgs-last" v-if="isAllowUpload">
								<span class="add-icon"></span>
								<input type="file" @change="uploadImgs" id="upload_file" />
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="documentDescription">
				<p>说明：1.加盟分站为企业申请，接受个人“用户”申请，需有企业承接。</p>
				<p> 2.上传照片，至少要有营业执照、门头照、个人照。</p>
			</div>
			<div class="ms-bottom">
				<input type="checkbox" v-model="checkbox">同意
				<a href="MeLaw.html">《法律条款》</a>
			</div>
			<div class="join-flex">
				<a id="joinBtn" @click="submit">提交</a>
			</div>
		</form>
		<!-- 选择城市界面 -->
		<div class="cityPage" v-if="isShow">
			<p>选择城市</p>
			<div class='a-z' v-if="isShow">
				<ul v-for="item in cityAZ" :name="item" :key="item">
					<li class="a-z-text"  @click='bindAZ(item)'>{{item}}</li>
				</ul>
			</div>
			<div class='city-item-content' v-if="isShow">
				<div v-for="(item, index) in cityResults" :key="index">
					<a class='city-item-A-Z' :name="item.cityName" :data-cityname='item.cityName'>{{item.cityName}}</a>
					<div class='city-item' v-for="(itemName, index) in item.citysub" :key="index"
						 :data-id="itemName.id" :data-spell="itemName.spell" 
						 :data-cityname='itemName.name' @click='citySelected(itemName)'>
						{{itemName.name}}
					</div>
				</div>
			
			</div>
		</div>
	</div>

	
</body>
<script src="js/join.js"></script>
</html>